CSS3 часть 2

Представлены некоторые примеры и ссылки на сайт-первоисточник с их описанием.

Другие источики:

Обтекание элементов

Свойства: 'float', позволяет установить обтекание и 'clear' для запрета обтекания

установить обтекание элементов. Свойство 'float'

  • left: элемент перемещается влево, а все содержимое, которое идет ниже его, обтекает правый край элемента
  • right: элемент перемещается вправо
  • none: отменяет обтекание и возвращает объект в его обычную позицию

Запрет обтекания. Свойство 'clear'

  • left: стилизуемый элемент может обтекать плавающий элемент справа. Слева же обтекание не работает
  • right: стилизуемый элемент может обтекать плавающий элемент только слева. А справа обтекание не работает
  • both: стилизуемый элемент может обтекать плавающие элементы и относительно них смещается вниз
  • none:стилизуемый элемент ведет себя стандартным образом, то есть принимает участие в обтекании справа и слева

Пример обтекания элементов:

Скандал в Богемии

Для Шерлока Холмса она всегда оставалась «Этой Женщиной». Я редко слышал, чтобы он называл ее каким-либо другим именем. В его глазах она затмевала всех представительниц своего пола. Не то чтобы он испытывал к Ирэн Адлер какое-либо чувство, близкое к любви. Все чувства, и особенно любовь, были ненавистны его холодному, точному, но удивительно уравновешенному уму. По-моему, он был самой совершенной мыслящей и наблюдающей машиной, какую когда-либо видел мир; но в качестве влюбленного он оказался бы не на своем месте. Он всегда говорил о нежных чувствах не иначе, как с презрительной насмешкой, с издевкой.

A Scandal in Bohemia First published in the Strand Magazine, July 1891, with 10 illustrations by Sidney Paget....


Прокрутка элементов

Для Шерлока Холмса она всегда оставалась «Этой Женщиной». Я редко слышал, чтобы он называл ее каким-либо другим именем. В его глазах она затмевала всех представительниц своего пола. Не то чтобы он испытывал к Ирэн Адлер какое-либо чувство, близкое к любви. Все чувства, и особенно любовь, были ненавистны его холодному, точному, но удивительно уравновешенному уму. По-моему, он был самой совершенной мыслящей и наблюдающей машиной, какую когда-либо видел мир; но в качестве влюбленного он оказался бы не на своем месте. Он всегда говорил о нежных чувствах не иначе, как с презрительной насмешкой, с издевкой.


линейный и радиальный градиенты

Линейный черно-белый градиент

Радиальный градиент